.pure-badge {
    box-sizing: border-box;
    line-height: var(--pure-badge-line-height, 1);
    width: var(--pure-badge-width, auto);
    height: var(--pure-badge-height, 2em);
    padding: var(--pure-badge-padding, 0 0.75em);
    border-radius: var(--pure-badge-border-radius, 1000px);
    display: var(--pure-badge-display, inline-flex);
    flex-direction: var(--pure-badge-flex-direction, row);
    align-items: var(--pure-badge-align-items, center);
    justify-content: var(--pure-badge-justify-content, center);
    font-size: var(--pure-badge-font-size, var(--pure-font-size-smaller));
    color: var(--pure-badge-color, #ffffff);
    position: relative;
    top: var(--pure-badge-top, 0);
    right: var(--pure-badge-right, 0);
    bottom: var(--pure-badge-bottom, auto);
    left: var(--pure-badge-left, auto);
    z-index: var(--pure-badge-z-index, 8);
    overflow: var(--pure-badge-overflow, hidden);
    transform: var(--pure-badge-transform);
    background: var(--pure-badge-background, var(--pure-badge-theme, var(--pure-theme-primary)));
    border: var(--pure-badge-border-width) var(--pure-badge-border-style, solid) var(--pure-badge-border-color);
}

.pure-badge-value {
    position: relative;
    z-index: 2;
}

.pure-badge-dot {
    --pure-badge-width: var(--pure-badge-dot-size, 6px);
    --pure-badge-height: var(--pure-badge-dot-size, 6px);
    --pure-badge-padding: 0;
}

.pure-badge-absolute {
    position: absolute;
}
